---
order: 4.12
category: '@threlte/extras'
title: '<Billboard>'
sourcePath: 'packages/extras/src/lib/components/Billboard/Billboard.svelte'
type: 'component'
componentSignature:
  {
    extends: { type: 'Group', url: 'https://threejs.org/docs/index.html#api/en/objects/Group' },
    props: [{ name: 'follow', type: 'boolean | THREE.Object3D', default: 'true', required: false }]
  }
---

This component is a port of [drei's `<Billboard>`
component](https://github.com/pmndrs/drei#billboard) which rotates its contents
to always face the camera or specified object.

<Example path="extras/billboard" />

## Examples

### Basic Example

```svelte title="Billboard.svelte"
<script lang="ts">
  import { T } from '@threlte/core'
  import { Billboard } from '@threlte/extras'
</script>

<Billboard>
  <T.Mesh>
    <T.MeshStandardMaterial />
    <T.PlaneGeometry args={[2, 2]} />
  </T.Mesh>
</Billboard>
```

To disable the billboard from rotating its contents to face the camera, you can
optionally pass in a `follow` prop set to `false`.
